<style>
    .scrollBox {
        /*height: 500px;*/
        overflow-x: scroll;
        /* 内容会被裁剪，会以滚动条显示 */
        overflow-y: hidden;  /* 超出内容不可见 */
        white-space: nowrap;  /* 不换行 */
        /* 文本不会换行，会在同一行上继续，直到遇到<br>为止 */
    }
    .blockDiv{
        /*width:340px;*/
        margin-right:10px;
        display: inline-table;/* 不换行 */
    }
</style>
<div class="page">
    <div class="ncap-order-style">
        <div class="titile">
            <h3></h3>
        </div>

        <div class="ncap-order-details ">
            <form class="form" id="order-action">
                <input name="id" value="1077" type="hidden">
                <div class="tabs-panels scrollBox">
                    <div class="misc-info blockDiv">
                        <h3>基本信息</h3>
                        <table class="table table-striped table-bordered table-hover table-nowrap">
                            <tbody>
                            <tr>
                                <td>ID：</td>
                                <td>{$row.id}</td>
                            </tr>
                            <tr>
                                <td>唯一订单号：</td>
                                <td>{$row.unique_order_no}</td>
                            </tr>
                            <tr>
                                <td>订单号：</td>
                                <td>{$row.order_no}</td>
                            </tr>
                            <tr>
                                <td>订单类型：</td>
                                <td>{$row.order_type_text}</td>
                            </tr>
                            <tr>
                                <td>商品金额：</td>
                                <td>{$row.goods_price}</td>
                            </tr>
                            <tr>
                                <td>优惠金额：</td>
                                <td>{$row.coupon_price}</td>
                            </tr>
                            <tr>
                                <td>订单金额：</td>
                                <td>{$row.order_price}</td>
                            </tr>
                            <tr>
                                <td>实际需支付金额：</td>
                                <td>{$row.need_pay_price}</td>
                            </tr>
                            <tr>
                                <td>支付状态：</td>
                                <td>{$row.is_pay_text}</td>
                            </tr>
                            <tr>
                                <td>实际支付金额：</td>
                                <td>{$row.pay_price}</td>
                            </tr>
                            <tr>
                                <td>支付时间：</td>
                                <td>{$row.pay_time_text}</td>
                            </tr>
                            <tr>
                                <td>交易状态：</td>
                                <td>{$row.is_close_text}</td>
                            </tr>
                            <tr>
                                <td>订单关闭时间：</td>
                                <td>{$row.close_time_text}</td>
                            </tr>
                            <tr>
                                <td>订单状态：</td>
                                <td>{$row.state_text}</td>
                            </tr>
                            <tr>
                                <td>发货状态：</td>
                                <td>{$row.is_delivery_text}</td>
                            </tr>
                            <tr>
                                <td>发货时间：</td>
                                <td>{$row.delivery_time_text}</td>
                            </tr>
                            <tr>
                                <td>下单时间：</td>
                                <td>{$row.createtime|date='Y-m-d H:i',###}</td>
                            </tr>
                            <tr>
                                <td>快递公司：</td>
                                <td>{$row.express_name}</td>
                            </tr>
                            <tr>
                                <td>物流单号：</td>
                                <td>{$row.express_no}</td>
                            </tr>
                            <tr>
                                <td>买家备注：</td>
                                <td>{$row.remark}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="addr-note">
                        <h4>收货信息</h4>
                        <table class="table table-striped table-bordered table-hover table-nowrap">
                            <tbody><tr>
                                <td>收货人：</td>
                                <td>{$row.contact}</td>
                            </tr>
                            <tr>
                                <td>联系方式：</td>
                                <td>{$row.mobile}</td>
                            </tr>
                            <tr>
                                <td>收货地址：</td>
                                <td>{$row.province}{$row.city}{$row.area}{$row.address}</td>
                            </tr>
                            <tr>
                                <td>确认收获时间：</td>
                                <td>{$row.received_time_text}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="goods-info">
                        <h4>商品信息</h4>
                        <table class="table table-striped table-bordered table-hover table-nowrap">
                            <thead>
                            <tr>
                                <th>商品ID</th>
                                <th>商品</th>
                                <th>主图</th>
                                <th>规格属性</th>
                                <th>数量</th>
                                <th>商品售价</th>
                                <th>总金额</th>
                            </tr>
                            </thead>
                            <tbody>
                            {foreach $row.order_goods as $val}
                            <tr>
                                <td class="w60">{$val.goods_id}</td>
                                <td style="text-align: left;">{$val.goods_name}</td>
                                <td><a href="javascript:"><img class="img-sm img-center" data-tips-image src="{$val.image}"></a></td>
                                <td class="w80">{$val.goods_spec_str}</td>
                                <td class="w60">{$val.num}</td>
                                <td class="w100">{$val.price}</td>
                                <td class="w100">{$val.all_price}</td>
                            </tr>
                            {/foreach}
                            </tbody></table>
                    </div>
                    <div class="total-amount contact-info">
                        <h4>订单总额：￥{$row.order_price}</h4>
                    </div>

                    <div class="contact-info">
                        <h4>费用信息 </h4>
                        <table>
                            <tbody><tr>
                                <td>小计：</td>
                                <td>{$row.goods_price}</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优惠：</td>
                                <td>{$row.coupon_price}</td>
<!--                                <td>运费：</td>-->
<!--                                <td>+{$row.delivery_price}</td>-->
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;应付：</td>
                                <td><strong class="red_common">{$row.order_price}</strong></td>
                            </tr>
                            </tbody></table>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>